<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style>
			div{
				background: #f1f1f1;
				height: 30px;
				font-size: 12px;
			}
			#d1 li{
				list-style: none;
				display: inline-block;
				padding-top: 6px;
				margin-left: 8px;
			}
			a{
				text-decoration: none;
				color: #666;
				font-weight: 300;
			}
			#d1 .line{
				width: 1px;
				height: 12px;
				background: #ddd;
				overflow: hidden;
				padding: 0;
			}
			
			a.a1{
				background: url(img/tel.png)0px -2px no-repeat;
				padding-left: 20px;
			}
			a:hover{
				color: #b20000;
			}
			a.a1:hover{
				background-position: 0px -27px;
			}
		</style>
	</head>
	<body>
		<div>
			<ul id="d1">
				<li><a href="#">你好，请登录</a></li>
				<li class="line"></li>
				<li><a href="#">免费注册</a></li>
				<li class="line"></li>
				<li><a href="#">我的订单</a></li>
				<li class="line"></li>
				<li><a href="#">我的京东</a></li>
				<li class="line"></li>
				<li><a href="#">京东会员</a></li>
				<li class="line"></li>
				<li><a href="#">企业采购</a></li>
				<li class="line"></li>
				<li><a href="#" class="a1">手机京东</a></li>
				<li class="line"></li>
				<li><a href="#">关注京东</a></li>
				<li class="line"></li>
				<li><a href="#">客户服务</a></li>
				<li class="line"></li>
				<li><a href="#">客户服务</a></li>
			</ul>
		</div>
	</body>
</html>